

.all {
    height: 0.9rem;
    width: 45%;
    margin: 0.3rem auto;
    text-align: center;
    line-height: 0.9rem;
    font-size: .3rem;
    background: #F0EDF1;
    border-radius: 0.14rem;
    color: #000000;
}

.bar-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.0225rem solid rgb(238, 238, 238);
    padding-left: 0;
    font-size: 0.32rem;
    color: rgba(91, 91, 91, 1);
    margin: 0 0 0 0;
    padding-top: 0.04rem;
}

.click {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(20, 20, 20, 1);
    line-height: 0.8rem !important;
    font-weight: 600;
}

.click img {
    width: 0.6rem;
    height: 0.07rem;
}

.info-item {
    height: 0.5rem;
    padding: 0rem 0.28rem;
    margin-top: 0.2rem;
    margin-right: 0.2rem;
    background: #EFEEF1;
    text-align: center;
    color: #9A9A9A;
    font-size: 0.28rem;
    line-height: 0.54rem;
    border-radius: 1.5625rem;
}

.info-click {
    background-color: #E7EEFA;
    color: #5195DD;
}

.imp-icon {
    width: 0.3rem;
    height: 0.2rem;
    margin-right: 0.2rem;
    margin-top: 0.1rem;
}

.notice-border {
    border-left: 0.03rem dashed #5195DD;
    margin-left: 0.125rem;
    padding: 0.25rem 0.325rem;
    margin: 0.1rem 0.125rem;
}

.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    max-width: 7.5rem;
    margin: auto;
    background: #fff;
    padding: 0.1rem 0;
    z-index: 999;
}

.share {
    width: 35%;
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius: 1.5625rem;
    color: #ffffff;
    font-size: 0.36rem;
    font-weight: 500;
    background-color: #5395DE;
    margin-left: 0.275rem;
}

.share div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.share-icon {
    width: 0.3rem;
    height: 0.3rem;
    margin-left: 0.1rem;
}

.focus-btn {
    width: 40%;
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius: 1.5625rem;
    color: #ffffff;
    font-size: 0.36rem;
    font-weight: 500;
    background-color: #f60;
    margin-left: 0.275rem;
}

.focus-btn div {
    display: flex;
    justify-content: center;
    align-items: center;
}


.other-city {
    width: 65%;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.32rem;
    border: 0;
    border-radius: 1.5625rem;
    margin-left: 0.275rem;
    margin-right: 0.275rem;
    margin-top: 0.1rem;
    color: #ffffff;
    background: #5395DE;
}

.swiper-container {
    margin: 0.2rem .28rem;
}

.swiper-slide img {
    border-radius: 0.2rem;
    margin-bottom: .4rem;
}

.swiper-pagination-bullet {
    background: #ABABAB;
    width: .13rem;
    height: .13rem;
}

.card-title {
    height: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0.375rem 0.12rem 0.375rem;
}

.title-left {
    display: flex;
    flex-direction: column;
}

.title-right {
    display: flex;
}

.show-all, .show-local {
    font-size: 0.22rem;
    background-color: rgb(229, 239, 250);
    border-radius: 2rem;
    padding: 0.14rem 0.4rem;
    color: rgb(83, 151, 211);
    display: flex;
    align-items: center;
}

.show-icon {
    width: 0.23rem;
    height: 0.23rem;
    margin-left: 0.07rem;
    margin-top: 0.03rem;
}

.time {
    font-size: 0.25rem;
    color: rgba(184, 184, 184, 1);
    margin-top: 0.05rem;
    font-weight: 300;
}

.all-num {
    height: 0.6rem;
    width: 39%;
    margin: 0rem auto;
    text-align: center;
    line-height: 0.6rem;
    font-size: .26rem;
    background: #F0EDF1;
    border-radius: 0.14rem;
}

.desc {
    height: 0.51rem;
    font-size: 0.26rem;
    margin-bottom: 0.1rem;
    color: #000000;
    border-radius: 0.1rem;
    padding: 0rem 0.18rem;
    line-height: 0.51rem;
}

.add-num {
    font-size: 0.25rem;
    color: rgb(130, 128, 128);
}

.link-item {
    width: 45%;
    height: 0.825rem;
    margin: 0.1rem 0.1rem 0.1rem 0.1rem;
    border-radius: 0.5625rem;
    border: 0;
    color: rgb(113, 113, 113);
    font-size: 0.28rem;
    line-height: 0.825rem;
    text-align: center;
    background-color: rgb(238, 238, 238);
}

.list-item {
    display: flex;
    align-items: flex-start;
    font-size: 0.31rem;
    font-weight: 600;
    margin: 0.3rem 0.28rem;
}

.list-title {
    margin-left: 0.1rem;
    font-size: 0.37rem;
}

.item-icon {
    width: 0.25rem;
    height: 0.34rem;
    margin-top: 0.09rem;
}

.list-detail {
    margin-top: 0.2rem;
    border-radius: 0.2rem;
    background: #F5F3FD;
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
    margin: 0 0.1rem;
}

.list-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 0.31rem;
    color: #000000;
    margin-top: 0.1rem;
}

.list-detail-content {
    width: 70%;
    padding-bottom: 0.3rem;
    color: #5A5A5A;
    line-height: 0.48rem;
    border-bottom: 0.03rem solid rgba(236, 236, 236, 1);
    max-width: 100%;
    display: inline-block;
    overflow-wrap: break-word;    /*  css3属性，当内容超过指定容器的边界时是否断行  */
    text-align: left;
}

.list-detail-content a {
    color: #5195DD;
}

.btn-icon {
    width: 0.28rem;
    margin-right: 0.2rem;
}

.list-content-btn a {
    padding: 0.1rem 0.2rem;
    justify-content: center;
    border-radius: 0.1rem;
    color: #5195DD;
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-left: 0.2rem;
    font-size: 0.25rem;
    border-radius: 0.4rem;
    background: #DBE5F8;
    padding: 0.2rem 0.2rem;
    border: 0;
}

.list-content-btn {
    display: flex;
    margin-top: 0.3rem;
}
.select select {
    min-width: 1.3rem;
    max-width: 2rem;
    font-size: 0.281rem;
    padding: 0.1rem 0.3rem;
    margin-left: 0.4rem;
    border: 0;
    background: url(../images/20200226162105_59108.png) no-repeat scroll right 0.26rem transparent;
    -webkit-appearance: none;
    background-size: 0.16rem 0.08rem;
}